CSS transities en animaties
Home

CSS transities en animaties

afbeelding CSS transities en animaties
CSS transities en animaties

CSS transities en animaties

Animatie is een middel om een verhaal te vertellen waarmee je de aandacht van de gebruiker trekt. Animaties staan hoog in de visuele hiërarchie. Met animaties kan je de de gebruikerservaring van je site vergroten omdat ze een essentieel onderdeel vormen van de werking van de gebruikersinterface.

Doelstelling

Na deze les weet je hoe je animaties maakt met behulp van

  1. CCS animaties;
  2. CSS transities

Leerpad

  1. CSS transities
    1. CSS transition-property
    2. CSS transition-duration
    3. CSS transition-delay
    4. CSS transition-timing-function
    5. CSS 2D transformaties
      1. CSS 2D translatie
      2. CSS 2D rotatie
      3. CSS 2D scheefheid
      4. CSS 2D verschaling
      5. CSS 2D matrix
  2. CSS animatie - definitie
  3. CSS animatie - keyframes
  4. CSS keyframes maken
  5. Bronnen

Opdracht

  1. Voeg minstens 1 transitie en 1 animatie toe aan je website die je voor de eindopdracht moet maken.
  2. Deadline: de dag van het examen 5 juni 2018.

JI
2019-05-16 10:11:54